<!DOCTYPE html>
<html lang="">
  <head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta
      name="viewport"
      content="width=device-width, user-scalable=no, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0"
    />
    <meta name="referrer" content="no-referrer" />
    <link rel="icon" href="favicon.ico" />
    <title>广告服务</title>
    <link rel="stylesheet" href="./css/reset.css" />
    <link rel="stylesheet" href="./css/index.css" />
  </head>
  <body>
    <div class="page-container">
      <div class="page-content">
        <div class="img-box">
          <img src="./images/1-1.jpg" class="img img1-1" />
          <img src="./images/1-2.jpg" class="img img1-2" />
          <img src="./images/1-3.jpg" class="img img1-3" />
          <img src="./images/1-4.jpg" class="img img1-4" />
          <img src="./images/1-5.jpg" class="img img1-5" />
          <img src="./images/1-6.jpg" class="img img1-6" />
          <img src="./images/1-7.jpg" class="img img1-7" />
          <img src="./images/1-8.jpg" class="img img1-8" />
          <img src="./images/1-9.jpg" class="img img1-9" />
          <img src="./images/1-10.jpg" class="img img1-10" />
          <img src="./images/1-11.jpg" class="img img1-11" />
        </div>
        <div class="form-box">
          <div class="form-box-border">
            <form action="xxx" method="get">
              <div class="form-item form-item-name">
                <input type="text" name="name" placeholder="请输入姓名" /><br />
              </div>
              <div class="form-item form-item-phone">
                <input type="text" name="phone" placeholder="请输入手机号码" />
              </div>
              <input type="submit" value="" class="button-submit" />
            </form>
          </div>
        </div>
        <div class="bottom">
          <img src="./images/bottom-1.png" class="img img-bottom-1 btn-1" />
          <img src="./images/bottom-2.png" class="img img-bottom-2 btn-2" />
          <img src="./images/bottom-3.png" class="img img-bottom-3 btn-3" />
        </div>
      </div>
    </div>

    <script src="./js/jquery-3.2.1.min.js"></script>
    <script>
      $(".btn-1").click(() => {
        window.location.href =
          "https://wap.feijiu.net/towxmini.html?source=scheme ";
      });
      $(".btn-2").click(() => {
        let scrollHeight = $(document).height();
        let clientHeight = $(window).height();
        let scrollTop = scrollHeight - clientHeight;
        window.scrollTo({
          top: scrollTop,
          behavior: "smooth",
        });
      });
      $(".btn-3").click(() => {
        window.location.href = "tel:400-136-5858";
      });
    </script>
  </body>
</html>
